<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <title>Title</title>

    <link rel="shortcut icon" href="http://www.s.mmm-party.com/assets/img/favicon.ico">

    <!--<link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.css">-->
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">
    <!--<link rel="stylesheet" href="src/css/media-queries.css">-->
    <link rel="stylesheet" href="src/css/index.css">

    <script src="src/lib/jquery.min.js"></script>
    <script src="src/lib/jquery.cookie.js"></script>

    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.ie8polyfill.min.js"></script>
    <!--<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.js"></script>-->
    <script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>


</head>
<body>
<header data-am-widget="header" class="am-header mpy-header">
    <div class="am-header-left am-header-nav mpy-header-nav">
        <i class="am-icon-bars mpy-icon-bars mpy-header-menu"></i>
    </div>

    <h1 class="am-header-title mpy-header-title">
        <a href="#title-link" class="">
            <img src="src/img/icon/top-logo-icon.svg" alt="">
        </a>
    </h1>

    <div class="am-header-right am-header-nav mpy-header-nav">
        <a href="login1.html" class="">
            <img src="src/img/icon/icon-user.svg" alt="">
        </a>
    </div>
    <div class="mpy-menu">
        <div class="mpy-menu-hd">
            <a href="javascript:;" class="mpy-close">&times;</a>
            <div class="mpy-menu-title">
                <img src="src/img/icon/top-logo-icon-white.svg" alt="">
            </div>
        </div>
        <div class="mpy-menu-bd">
            <ul>
                <a href="index.html" class="mpy-active">
                    <li>首页</li>
                </a>
                <a href="aboutUs.html">
                    <li>关于爬梯</li>
                </a>
                <a href="goods.html">
                    <li>爬梯产品</li>
                </a>
                <a href="goods.html">
                    <li>爬梯课程</li>
                </a>
                <a href="dynamic.html">
                    <li>最新动态</li>
                </a>
                <a href="contactUs.html">
                    <li>联系我们</li>
                </a>
                <a href="goodsCar.html">
                    <li>购物车</li>
                </a>
                <a href="myFavourite.html">
                    <li>我的收藏</li>
                </a>
                <!--<a href="javascript:;">-->
                <!--<li>爬梯客服</li>-->
                <!--</a>-->
            </ul>
            <div class="mpy-menu-opt am-avg-sm-2">
                <a class="login">会员登录</a>
                <a class="reg">会员注册</a>
            </div>
            <div class="mpy-menu-userinfo">
                <a class="info">普通会员：12345678901</a>
            </div>
        </div>
    </div>
</header>
<div class="index">
    <div data-am-widget="slider" class="am-slider am-slider-b2" data-am-slider='{&quot;controlNav&quot;:false}'>
        <ul class="am-slides">
            <li>
                <picture>
                    <source srcset="src/img/index/index-img0-1350.png" media="(min-width:901px)">
                    <source srcset="src/img/index/index-img0-1080.png" media="(min-width:768px)">
                    <source srcset="src/img/index/index-img0-810.png" media="(min-width:481px)">
                    <img src="src/img/index/index-img0-540.png" alt="">
                </picture>

            </li>
            <li>
                <picture>
                    <source srcset="src/img/index/index-img0-1350.png" media="(min-width:901px)">
                    <source srcset="src/img/index/index-img0-1080.png" media="(min-width:768px)">
                    <source srcset="src/img/index/index-img0-810.png" media="(min-width:481px)">
                    <img src="src/img/index/index-img0-540.png" alt="">
                </picture>
            </li>
        </ul>
    </div>
    <ul class="am-avg-sm-3  mpy-avg-sm-3">

        <li>
            <a href="javascript:;">
                <img src="src/img/icon/icon-culture.svg" alt="企业荣誉">
                <h4 class="title">企业文化</h4>
            </a>
        </li>


        <li>
            <a href="javascript:;">
                <img src="src/img/icon/icon-glory.svg" alt="企业荣誉">
                <h4 class="title">企业荣誉</h4>
            </a>
        </li>


        <li>
            <a href="javascript:;">
                <img src="src/img/icon/icon-cooperation.svg" alt="企业荣誉">
                <h4 class="title">企业战略</h4>
            </a>
        </li>

    </ul>
    <div class="mpy-hotProduct">
        <div class="mpy-hotProduct-hd">
            <h1>热门产品</h1>
            <a href="javascript:;">查看更多 ></a>
        </div>
        <ul class="am-avg-sm-2 mpy-hotProduct-list  ">
            <li class="mpy-hotProduct-item ">
                <a href="javascript:;">
                    <picture>
                        <source srcset="src/img/index/index-img1-1350.png" media="(min-width:901px)">
                        <source srcset="src/img/index/index-img1-1080.png" media="(min-width:768px)">
                        <source srcset="src/img/index/index-img1-810.png" media="(min-width:481px)">
                        <img class="am-thumbnail" src="src/img/index/index-img1-540.png" alt="">
                    </picture>
                    <h1>雷克斯初学者入门练习吉它弹唱jita正品 </h1>
                    <span>￥328</span>
                </a>
            </li>
            <li class="mpy-hotProduct-item ">
                <a href="javascript:;">
                    <picture>
                        <source srcset="src/img/index/index-img1-1350.png" media="(min-width:901px)">
                        <source srcset="src/img/index/index-img1-1080.png" media="(min-width:768px)">
                        <source srcset="src/img/index/index-img1-810.png" media="(min-width:481px)">
                        <img class="am-thumbnail" src="src/img/index/index-img1-540.png" alt="">
                    </picture>
                    <h1>雷克斯初学者入门练习吉它弹唱jita正品 </h1>
                    <span>￥328</span>
                </a>
            </li>
            <li class="mpy-hotProduct-item ">
                <a href="javascript:;">
                    <picture>
                        <source srcset="src/img/index/index-img1-1350.png" media="(min-width:901px)">
                        <source srcset="src/img/index/index-img1-1080.png" media="(min-width:768px)">
                        <source srcset="src/img/index/index-img1-810.png" media="(min-width:481px)">
                        <img class="am-thumbnail" src="src/img/index/index-img1-540.png" alt="">
                    </picture>
                    <h1>雷克斯初学者入门练习吉它弹唱jita正品 </h1>
                    <span>￥328</span>
                </a>
            </li>
            <li class="mpy-hotProduct-item ">
                <a href="javascript:;">
                    <picture>
                        <source srcset="src/img/index/index-img1-1350.png" media="(min-width:901px)">
                        <source srcset="src/img/index/index-img1-1080.png" media="(min-width:768px)">
                        <source srcset="src/img/index/index-img1-810.png" media="(min-width:481px)">
                        <img class="am-thumbnail" src="src/img/index/index-img1-540.png" alt="">
                    </picture>
                    <h1>雷克斯初学者入门练习吉它弹唱jita正品 </h1>
                    <span>￥328</span>
                </a>
            </li>
        </ul>
    </div>
    <div class="mpy-hotLesson">
        <div class="mpy-hotLesson-hd">
            <h1>热门课程</h1>
        </div>
        <ul class="am-avg-sm-5 mpy-hotLesson-list">
            <li class="mpy-hotLesson-item">
                <a href="javascript:;">
                    <img src="src/img/icon/icon-gt.svg" alt="" class="mpy-hotLesson-img">
                    <h1>吉他</h1>
                </a>
            </li>
            <li class="mpy-hotLesson-item">
                <a href="javascript:;">
                    <img src="src/img/icon/icon-sing.svg" alt="" class="mpy-hotLesson-img">
                    <h1>唱歌</h1>
                </a>
            </li>
            <li class="mpy-hotLesson-item">
                <a href="javascript:;">
                    <img src="src/img/icon/icon-dk.svg" alt="" class="mpy-hotLesson-img">
                    <h1>架子鼓</h1>
                </a>
            </li>
            <li class="mpy-hotLesson-item">
                <a href="javascript:;">
                    <img src="src/img/icon/icon-sax.svg" alt="" class="mpy-hotLesson-img">
                    <h1>萨克斯</h1>
                </a>
            </li>
            <li class="mpy-hotLesson-item">
                <a href="javascript:;">
                    <img src="src/img/icon/icon-eo.svg" alt="" class="mpy-hotLesson-img">
                    <h1>电子琴</h1>
                </a>
            </li>
        </ul>
    </div>

</div>
<footer class="mpy-footer">
    <div class="mpy-ad-list">
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>
        <a href="javascript:;">
            <picture>
                <source srcset="src/img/index/index-img3-1350.png" media="(min-width:901px)">
                <source srcset="src/img/index/index-img3-1080.png" media="(min-width:768px)">
                <source srcset="src/img/index/index-img3-810.png" media="(min-width:481px)">
                <img src="src/img/index/index-img3-540.png" alt="" class="mpy-hotLesson-img am-img-responsive">
            </picture>
        </a>

    </div>
    <div class="mpy-contactUs">
        <div class="mpy-contactUs-hd">
            <h1>联系我们</h1>
        </div>
        <div class="mpy-contactUs-bd">
            <!--  <img src="src/img/icon/icon-call-group.svg" alt="" usemap="#callMap">
              <map name="callMap" id="callMap">
                  <area shape="rect" coords="0,0,22,22" href="javascript:;" alt="">
                  <area shape="rect" coords="50,0,76,22" href="javascript:;" alt="">
                  <area shape="rect" coords="104,0,125,22" href="javascript:;" alt="">
              </map>-->
            <ul class="am-avg-sm-3 mpy-avg-sm-3">
                <li><a href="tel:07565155484"><img src="src/img/icon/icon-phone.svg" alt=""></a></li>
                <li>
                    <a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzUzOTAxMjU3Ng==&scene=124#wechat_redirect"><img
                            src="src/img/icon/icon-wc.svg" alt=""></a></li>
                <li><a href="javascript:;"><img src="src/img/icon/icon-place.svg" alt=""></a></li>
            </ul>
            <a href="login1.html" class="mpy-contactUs-login mpy-btn-white">会员登陆</a>
            <a href="aboutUs.html" class="mpy-contactUs-abouts mpy-btn-white">关于爬梯</a>
        </div>
        <!--<div class="mpy-contactUs-footer">
            <span>快捷菜单</span>
            <span>></span>
        </div>-->
        <section data-am-widget="accordion" class="am-accordion am-accordion-gapped mpy-contactUs-footer"
                 data-am-accordion='{  }'>
            <dl class="am-accordion-item ">
                <dt class="am-accordion-title">
                    <span>快捷菜单</span>
                </dt>
                <dd class="am-accordion-bd am-collapse ">
                    <a href="memberCenter.html">会员中心</a>
                    <a href="joinUs.html">加入我们</a>
                    <a href="contactUs.html">联络我们</a>
                    <a href="disclaimer.html">隐私条款</a>
                </dd>
            </dl>
        </section>
    </div>
    <div class="mpy-copyright">
        <span>(c)2016</span>
        <span>粤 ICP备16125023号</span>
    </div>
</footer>
<!--<script src="http://192.168.2.8:9977/target/target-script-min.js#anonymous"></script>-->
<script src="src/js/test.js"></script>
<script>
    $(".mpy-header-menu").on("click", function () {
        $(".mpy-menu").fadeIn();
    })
    $('.mpy-close').on('click', function () {
        $(".mpy-menu").fadeOut();
    })
    $('.mpy-menu-bd a').on('click', function () {
        $(this).addClass('mpy-active').siblings("a").removeClass("mpy-active");
    })
</script>
</body>
</html>